home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 November / PCWorld_2006-11_cd.bin / multimedia / thumbnailer / setup.exe / {app} / Templates / Slideshow.thm < prev   
Text File  |  2006-02-27  |  10KB  |  429 lines
  1. #######################################################
  2. # ThumbNailer HTML template.
  3. # Generated by Smaller Animals ThumbNailer 8.0.5.0
  4. #######################################################
  5.  
  6. ############################
  7. # Thumbnail page definitions
  8.  
  9. ####
  10. # Thumbnail page definition
  11. @:thumbnailpage  
  12. @+
  13. <html>
  14. <head>
  15. <title>Thumbnails</title>
  16. </head>
  17.  
  18. <body bgcolor="white" link=blue alink=red vlink=blue text=black>
  19. <center><font face="Arial" size=+2>Folder: &_FileParent(firstsrcFile)</font><br>
  20. @@thumbprevpage@@thumbpnsep@@thumbnextpage
  21. <br>
  22. <table bgcolor=white border=0 cellspacing=0 cellpadding=1 width="90%">
  23. @@thumbnailgroup
  24. @@thumbnailgroup
  25. @@thumbnailgroup
  26. </table>
  27.  
  28. <br>@@thumbprevpage@@thumbpnsep@@thumbnextpage
  29. <br>
  30. </center>
  31.  
  32. </body>
  33. </html>
  34. @-
  35.  
  36. ####
  37. # Thumbnail group (table row)
  38. @:thumbnailgroup  
  39. @+
  40. <tr>
  41. <td>
  42. @@thumbnail
  43. </td>
  44. <td>
  45. @@thumbnail
  46. </td>
  47. <td>
  48. @@thumbnail
  49. </td>
  50. <td>
  51. @@thumbnail
  52. </td>
  53. <td>
  54. @@thumbnail
  55. </td>
  56. </tr>
  57. @-
  58.  
  59. ####
  60. # Thumbnail element definition
  61. @:thumbnail  
  62. @+
  63. <table bgcolor=black width=100% height=140px valign=center><tr><td><center>
  64. <a href=&Q(RelFile(srcPage, thmPage))><img src=&Q(RelFile(thmFile, thmPage)) hspace=0 vspace=0 border=0 width=&XDim(thmFile) height=&YDim(thmFile) &Join("ALT=\"", Name(srcFile)) &Join(SizeK(srcFile), "K\"")></a>
  65. <font size="+0" face="Arial">
  66.  
  67. </font>
  68. </center></td></tr></table>
  69. @-
  70.  
  71. ####
  72. # Default thumbnail element (used when there are no images left)
  73. @:defaultthumbnail  
  74. @+
  75.  
  76. @-
  77.  
  78. ####
  79. # Thumbnail page previous page link
  80. @:thumbprevpage  
  81. @+
  82. <font size="+0" face="Arial">
  83. <a style="text-decoration:none" href=&Q(RelFile(prevPage, thmPage))><<</a>
  84. </font>
  85.  
  86. @-
  87.  
  88. ####
  89. # Thumbnail page previous / next separator
  90. @:thumbpnsep  
  91. @+
  92. <font size="+0" face="Arial">
  93.          
  94. </font>
  95.  
  96. @-
  97.  
  98. ####
  99. # Thumbnail page next page
  100. @:thumbnextpage  
  101. @+
  102. <font size="+0" face="Arial Black">
  103. <a style="text-decoration:none" href=&Q(RelFile(nextPage, thmPage))>>></a>
  104. </font>
  105.  
  106. @-
  107.  
  108.  
  109.  
  110. ############################
  111. # Source page definitions
  112.  
  113. ####
  114. # Source page definition
  115. @:sourcepage  
  116. @+
  117. <html>
  118. <head>
  119. &VarSet("next", If(Len(nextPage), RelFile(nextPage, srcPage), RelFile(thmPage, srcPage)))
  120.  
  121. <SCRIPT LANGUAGE="Javascript">
  122. var seconds = 3;
  123.  
  124. var running = false;
  125. var tick = 0;
  126. var theTimer;
  127.  
  128. function autoRunCheck()
  129. {
  130.     // check the querystring for the text "autoStartTimer"
  131.     var url = window.top.location.search; 
  132.     var url_check = url.indexOf("autoStartTimer"); 
  133.     if (url_check != -1) 
  134.     { 
  135.       startTimer();
  136.     } 
  137. }
  138.  
  139. function startStopTimer()
  140. {
  141.    if (running)
  142.    {
  143.       if (document.getElementById("startStop")) startStop.innerText = 'Restart';
  144. //      if (document.getElementById("counterDiv")) counterDiv.innerText = 'Stopped';
  145.       clearTimeout(theTimer);
  146.       running = false;
  147.    }
  148.    else
  149.    {
  150.       startTimer();
  151.    }
  152. }
  153. function startTimer()
  154. {
  155.       if (document.getElementById("startStop")) startStop.innerText = 'Stop';
  156. //      if (document.getElementById("counterDiv")) counterDiv.innerText = (seconds - tick) + '...';
  157.       running = true;
  158.       theTimer = setTimeout("Next()", 1000);
  159. }
  160. function Next()
  161. {
  162.      if (tick==seconds)
  163.      {
  164.         if (running)
  165.             document.location = &Q(next) + '?autoStartTimer=1';
  166.         else
  167.             document.location = &Q(next);
  168.      }
  169.      else
  170.      {
  171. //         if (document.getElementById("counterDiv")) counterDiv.innerText = (seconds - tick) + "...";
  172.          tick=tick+1;
  173.          theTimer = setTimeout("Next()", 1000);
  174.      }
  175. }
  176. </SCRIPT>
  177.  
  178. <meta http-equiv="Page-Exit"
  179. CONTENT="RevealTrans(Duration=0.500,Transition=12)">
  180. <title>&Name(srcFile)</title>
  181. </head>
  182.  
  183. <body bgcolor="white" link=blue alink=red vlink=blue text=black onload="javascript:autoRunCheck();">
  184.  
  185. <table border=0 height=&YDim(srcFile)px bgcolor="black">
  186.     <tr>
  187.         <td valign=top bgcolor=white width=175>
  188.  
  189.             <table border=0 width=100%>
  190.                 <tr>
  191.                     <td bgcolor=black>
  192.                         <font face="Arial" size=+0 color=white>Folder: &_FileParent(srcFile)</font>
  193.                     </td>
  194.                 </tr>
  195.                 <tr>
  196.                     <td>
  197.                         <table border=0 width=100%>
  198.                             <tr>
  199.                                 <td width=25%>@@sourceprevpage</td>
  200.                                 <td width=50%><center><font face="Arial" size=+0><a style="text-decoration:none" href=&Q(RelFile(thmPage, srcPage))>thumbnails</a></font></center></td>
  201.                                 <td width=25%><div align=right>@@sourcenextpage</div></td>
  202.                             </tr>
  203.                         </table>
  204.                     </td>
  205.                 </tr>
  206.                 <tr>
  207.  
  208.                                 <td bgcolor=black>
  209.                                     <font face="Arial, Helvetica" size=+0 color=white>
  210.                                     <center>Slideshow</center>
  211.                                     </font>
  212.                                 </td>
  213.                             </tr>
  214.                             <tr>
  215.                                 <td>
  216.                                     <font face="Arial, Helvetica" size=+0>
  217.                                     <a style="text-decoration:none" href="javascript:void(0);" onClick="javascript:startStopTimer()" id="startStop">Start</a>
  218.                                     </font>
  219.                                 </td>
  220.                             </tr>
  221.                             <tr>
  222.                                 <td>
  223.                                     <font face="Arial, Helvetica" size=+0>
  224.                                     <div id="counterDiv" align=left> </div>
  225.                                 </td>
  226.                 </tr>
  227.  
  228.             </table>
  229.         </td>
  230.  
  231.         <td valign=top>
  232.             <a href=&Q(RelFile(thmPage, srcPage))><img src=&Q(RelFile(srcFile, srcPage)) width=&Q(XDim(srcFile)) height=&Q(YDim(srcFile)) &Join("ALT=\"", Name(srcFile)) &Join(SizeK(srcFile), "K\"")></a>
  233.         </td>
  234.     </tr>
  235. </table>
  236.  
  237. </body>
  238. </html>
  239. @-
  240.  
  241. ####
  242. # Source page source page link
  243. @:sourceprevpage  
  244. @+
  245. <font size="+0" face="Arial">
  246. <a style="text-decoration:none" href=&Q(RelFile(prevPage, srcPage))><<</a>
  247. </font>
  248.  
  249. @-
  250.  
  251. ####
  252. # Source page previous / next separator
  253. @:sourcepnsep  
  254. @+
  255. <font size="+0" face="Arial">
  256.          
  257. </font>
  258.  
  259. @-
  260.  
  261. ####
  262. # Source page next page
  263. @:sourcenextpage  
  264. @+
  265. <font size="+0" face="Arial">
  266. <a style="text-decoration:none" href=&Q(RelFile(nextPage, srcPage))>>></a>
  267. </font>
  268.  
  269. @-
  270.  
  271.  
  272.  
  273. ############################
  274. # Index page definitions
  275.  
  276. ####
  277. # Index page definition
  278. @:indexpage  
  279. @+
  280. <html>
  281. <head>
  282.  
  283. <title>Index</title>
  284. </head>
  285. <body bgcolor="#ff6820" link="#fa0064" alink="#ffff00" vlink="#6400fa" text="#000000">
  286. <p><center>
  287. <table width="80%">
  288. @@idxchildgroup
  289. </table>
  290. @@idxsectionseparator
  291. <table width="80%">
  292. @@idxsubidxgroup
  293. </table>
  294. </center>
  295. </body>
  296. </html>
  297. @-
  298.  
  299. ####
  300. # Index child group definition (thumbnail pages within this folder)
  301. @:idxchildgroup  
  302. @+
  303. <tr>
  304. <td valign=top>@@idxchildelement</td>
  305. <td valign=top>@@idxchildelement</td>
  306. <td valign=top>@@idxchildelement</td>
  307. <td valign=top>@@idxchildelement</td>
  308. </tr>
  309. @-
  310.  
  311. ####
  312. # Index child element definition
  313. @:idxchildelement  
  314. @+
  315. <center><font size="+0" face="Arial Black">
  316. <a href=&Q(RelFile(idxTargetPage, idxPage))>&Join3(_FileParent(idxTargetPage), "\\", NoExt(idxTargetPage))</a>
  317. </font>
  318. <br>
  319. <a href=&Q(RelFile(idxTargetPage, idxPage))><img src=&Q(RelFile(idxTargetThm, idxPage))></a></center>
  320. @-
  321.  
  322. ####
  323. # Default index child element definition
  324. @:defaultidxchildelement  
  325. @+
  326.  
  327. @-
  328.  
  329. ####
  330. # Index subfolder index group definition (thumbnail pages within this folder)
  331. @:idxsubidxgroup  
  332. @+
  333. <tr>
  334. <td valign=top>@@idxsubidxelement</td>
  335. <td valign=top>@@idxsubidxelement</td>
  336. <td valign=top>@@idxsubidxelement</td>
  337. <td valign=top>@@idxsubidxelement</td>
  338. </tr>
  339. @-
  340.  
  341. ####
  342. # Index subfolder index element definition
  343. @:idxsubidxelement  
  344. @+
  345. <center><font size="+0" face="Arial Black">
  346. <a href=&Q(RelFile(idxTargetPage, idxPage))>&ChopRight(Parent(idxTargetPage), 1)</a>
  347. </font><br>
  348. <a href=&Q(RelFile(idxTargetPage, idxPage))><img src=&Q(RelFile(idxTargetThm, idxPage))></a>
  349. </center>
  350. @-
  351.  
  352. ####
  353. # Default index subfolder index element definition
  354. @:defaultidxsubidxelement  
  355. @+
  356.  
  357. @-
  358.  
  359. ####
  360. # Index section separator definition
  361. @:idxsectionseparator  
  362. @+
  363. <hr width="80%">
  364. @-
  365.  
  366. ####
  367. # Master index page definition
  368. @:masteridxpage  
  369. @+
  370. <html>
  371. <head>
  372.  
  373. <title>Index</title>
  374. </head>
  375. <body bgcolor="#ff6820" link="#fa0064" alink="#ffff00" vlink="#6400fa" text="#000000">
  376. <p><center>
  377. @@masteridxgroup
  378. </center>
  379. </body>
  380. </html>
  381. @-
  382.  
  383. ####
  384. # Master index page, link group definition
  385. @:masteridxgroup  
  386. @+
  387. <table border=0>
  388. <tr><td>
  389. @@masteridxelement
  390. </td></tr>
  391. <tr><td>
  392. @@masteridxelement
  393. </td></tr>
  394. <tr><td>
  395. @@masteridxelement
  396. </td></tr>
  397. <tr><td>
  398. @@masteridxelement
  399. </td></tr>
  400. </table>
  401.  
  402. @-
  403.  
  404. ####
  405. # Master index page element definition
  406. @:masteridxelement  
  407. @+
  408. <a href=&Q(RelFile(idxTargetPage, idxPage))><img src=&Q(RelFile(idxTargetThm, idxPage))></a>
  409. <br>
  410. <font size="+0" face="Arial Black">
  411. &ChopRight(Parent(idxTargetPage), 1)
  412. <p>
  413. </font>
  414. @-
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.